<div id="network-supply-bar1" style="height: 100%">
        <div class="col-sm-3">
                <div class="widget">
                        <div class="widget-content padding-35 bg-white clearfix">
                                <div class="counter counter-md pull-left text-left">
                                        <div class="counter-label text-capitalize font-size-10">安全库存水平</div>
                                        <div class="counter-number-group">
                                               <span class="counter-number" id="safetyStock"></span>
                                        </div>
                                </div>
                                <div class="pull-right white">
                                        <i class="icon icon-circle icon-2x wb-users bg-blue-600" aria-hidden="true">
                                        </i>
                                </div>
                        </div>
                </div>
        </div>
        <div class="col-sm-3">
                <div class="widget">
                        <div class="widget-content padding-35 bg-white clearfix">
                                <div class="counter counter-md pull-left text-left">
                                        <div class="counter-label text-capitalize font-size-10">一级配送中心再订货点</div>
                                        <div class="counter-number-group">
                                                <span class="counter-number" id="orderPort"></span>
                                        </div>
                                </div>
                                <div class="pull-right white">
                                        <i class="icon icon-circle icon-2x wb-unlock bg-red-600" aria-hidden="true">
                                        </i>
                                </div>
                        </div>
                </div>
        </div>
        <div class="col-sm-3">
                <div class="widget">
                        <div class="widget-content padding-35 bg-white clearfix">
                                <div class="counter counter-md pull-left text-left">
                                        <div class="counter-label text-capitalize font-size-10">订货周期内的周转库存</div>
                                        <div class="counter-number-group">
                                                <span class="counter-number" id="turnoverInventory"></span>
                                        </div>
                                </div>
                                <div class="pull-right white">
                                        <i class="icon icon-circle icon-2x wb-contract bg-yellow-600" aria-hidden="true">
                                        </i>
                                </div>
                        </div>
                </div>
        </div>
        <div class="col-sm-3">
                <div class="widget">
                        <div class="widget-content padding-35 bg-white clearfix">
                                <div class="counter counter-md pull-left text-left">
                                        <div class="counter-label text-capitalize font-size-10">订货周期内的最大库存</div>
                                        <div class="counter-number-group">
                                                <span class="counter-number" id="maxInventory"></span>
                                        </div>
                                </div>
                                <div class="pull-right white">
                                        <i class="icon icon-circle icon-2x wb-camera bg-blue-600" aria-hidden="true">
                                        </i>
                                </div>
                        </div>
                </div>
        </div>
        <div class="col-sm-3">
                <div class="widget">
                        <div class="widget-content padding-35 bg-white clearfix">
                                <div class="counter counter-md pull-left text-left">
                                        <div class="counter-label text-capitalize font-size-10">经济订货批量(EOQ)</div>
                                        <div class="counter-number-group">
                                                <span class="counter-number" id="eoq"></span>
                                        </div>
                                </div>
                                <div class="pull-right white">
                                        <i class="icon icon-circle icon-2x wb-home bg-green-600" aria-hidden="true">
                                        </i>
                                </div>
                        </div>
                </div>
        </div>
        <div class="col-sm-3">
                <div class="widget">
                        <div class="widget-content padding-35 bg-white clearfix">
                                <div class="counter counter-md pull-left text-left">
                                        <div class="counter-label text-capitalize font-size-10">订货周期商品占用资金</div>
                                        <div class="counter-number-group">
                                                <span class="counter-number" id="moneyLevel"></span>
                                        </div>
                                </div>
                                <div class="pull-right white">
                                        <i class="icon icon-circle icon-2x wb-home bg-teal-600" aria-hidden="true">
                                        </i>
                                </div>
                        </div>
                </div>
        </div>
        <div class="col-sm-3">
                <div class="widget">
                        <div class="widget-content padding-35 bg-white clearfix">
                                <div class="counter counter-md pull-left text-left">
                                        <div class="counter-label text-capitalize font-size-10">配送中心月平均库存</div>
                                        <div class="counter-number-group">
                                                <span class="counter-number" id="avgInventory"></span>
                                        </div>
                                </div>
                                <div class="pull-right white">
                                        <i class="icon icon-circle icon-2x wb-order bg-indigo-600" aria-hidden="true">
                                        </i>
                                </div>
                        </div>
                </div>
        </div>
        <div class="col-sm-3">
                <div class="widget">
                        <div class="widget-content padding-35 bg-white clearfix">
                                <div class="counter counter-md pull-left text-left">
                                        <div class="counter-label text-capitalize font-size-10">到配送中心总订单量</div>
                                        <div class="counter-number-group">
                                                <span class="counter-number" id="toSecondaryCenter"></span>
                                        </div>
                                </div>
                                <div class="pull-right white">
                                        <i class="icon icon-circle icon-2x wb-random bg-yellow-600" aria-hidden="true">
                                        </i>
                                </div>
                        </div>
                </div>
        </div>
</div>
